.pre-book-index {
  width: 100%;
  height: 97%;
  font-size: 26 rpx;
  color: #4A4A4A;
  padding-bottom: 10px;

  .head-nav {
    width: 100%;
    height: 350rpx;
    color: #fff;
    margin-top: 0;
    
    image {
       width: 100%;
       height: 350rpx;
    }
  }

  .tarin-content {
    width: 100%;
    height: 150rpx;
    margin-top: 20rpx;
    background-color: #F5F5F5;

    .content-top {
      width: 100%;
      height: 100%;
      font-size: 24 rpx;
      padding: 5px;
      box-sizing: border-box;
      border-radius: 10px;
      display: flex;
      justify-content: space-around;
      background-color: #fff;

      .list-item {
        display: flex;
        flex-direction: column;
        align-items: center;

        image {
          width: 22px;
          height: 22px;
          margin-bottom: 10px;
        }
      }
    }
  }

  .teacher-nav {
      width: 100%;
      height: 300rpx;
      margin-top: 5rpx;
      background-color: #F5F5F5;

     .teacher-class {
         width: 90%;
         margin: 0 auto 20rpx auto;
         display: flex;
         justify-content: space-between;
         align-items: center;

         .more {
           color: #999;
           font-size: 24 rpx;
         }
      }
      
      .teacher-list {
         
      }
  }
  
  .course-nav {
      width: 100%;
      height: 300rpx;
      margin-top: 5rpx;
      background-color: #F5F5F5;
  
     .course-class {
         width: 90%;
         margin: 0 auto 20rpx auto;
         display: flex;
         justify-content: space-between;
         align-items: center;
  
         .more {
           color: #999;
           font-size: 24 rpx;
         }
      }
      
      .course-list {
         
      }
  }
  
  .user-say-nav {
      width: 100%;
      height: 300rpx;
      margin-top: 5rpx;
      background-color: #F5F5F5;
  
     .user-say-class {
         width: 90%;
         margin: 0 auto 20rpx auto;
         display: flex;
         justify-content: space-between;
         align-items: center;
  
         .more {
           color: #999;
           font-size: 24 rpx;
         }
      }
      
      .user-say-list {
         
      }
  }
}